@page

@{
}
<div class="main_content_inner">

<div data-src="/assets/images/help_background.svg" uk-img
     class="uk-background-norepeat uk-background-center-center uk-background-image@s p-lg-11 uk-flex uk-flex-middle">
    <div class="uk-width-1-1 uk-container p-lg-11">
        <div class="uk-container-xsmall uk-margin-auto uk-text-center">
            <h3>欢迎来到FytSoa.Exam帮助社区</h3>
            <div class="uk-margin">

                <div class="uk-inline uk-width-1-1">
                    <span class="uk-form-icon">
                        <i class="uil-search"></i>
                    </span>
                    <input class="uk-input  uk-form-large" type="text"
                           placeholder="请输入关键字 ... ">
                </div>
            </div>
        </div>
    </div>
</div>

<div class="uk-container-xsmall uk-margin-auto">

<h3> Privecy </h3>
<article class="uk-card-default p-4 rounded">
    <ul class="uk-list-divider uk-list-large uk-accordion" uk-accordion>
        <li>
            <a class="uk-accordion-title" href="#">
                Lorem ipsum dolor sit amet, consectetur
                adipiscing elit?
            </a>
            <div class="uk-accordion-content">
                <p>
                    Vivamus imperdiet venenatis est. Phasellus vitae mauris imperdiet,
                    condimentum
                    eros vel, ullamcorper turpis. Maecenas sed libero quis orci egestas vehicula
                    fermentum id diam. In sodales quam quis mi mollis eleifend id sit amet
                    velit.
                    Sed ultricies condimentum magna, vel commodo dolor luctus in. Aliquam et
                    orci
                    nibh. Nunc purus metus, aliquam vitae venenatis sit amet, porta non est.
                    Proin
                    vehicula nisi eu molestie varius. Pellentesque semper ex diam, at tristique
                    ipsum varius sed. Pellentesque non metus ullamcorper, iaculis nibh quis,
                    facilisis lorem. Sed malesuada eu lacus sit amet feugiat. Aenean iaculis dui
                    sed
                    quam consectetur elementum.
                </p>
            </div>
        </li>
        <li>
            <a class="uk-accordion-title" href="#">
                Nullam massa sem, mollis ut luctus at,
                tincidunt
                a lorem?
            </a>
            <div class="uk-accordion-content" hidden="" aria-hidden="true">
                <p>
                    Aliquam sed dictum elit, quis consequat metus. Proin in mauris finibus urna
                    lacinia laoreet sed id orci. Pellentesque volutpat tellus sit amet enim
                    rutrum,
                    vel eleifend metus consectetur. Sed lacinia urna a neque maximus placerat.
                    Praesent blandit hendrerit dui non placerat. Sed malesuada sem sit amet arcu
                    faucibus, sit amet accumsan nisl laoreet. Quisque auctor sit amet nisl
                    rhoncus
                    interdum. Nullam euismod odio sem, quis pulvinar purus gravida eget. Nullam
                    molestie, lacus vel vehicula elementum, massa arcu bibendum lacus, vitae
                    tempus
                    justo orci id lectus. Duis justo neque, elementum eget ante in, condimentum
                    condimentum ante. Maecenas quis eleifend risus. In hac habitasse platea
                    dictumst. Nunc posuere ultrices dolor, at auctor lacus dignissim ut. Donec
                    viverra imperdiet nisi, sit amet mattis massa pellentesque ac.
                </p>
            </div>
        </li>
        <li>
            <a class="uk-accordion-title" href="#">
                Aliquam pretium diam et ullamcorper
                malesuada?
            </a>
            <div class="uk-accordion-content" hidden="" aria-hidden="true">
                <p>
                    Praesent feugiat lectus faucibus tellus congue pharetra. In viverra vehicula
                    pellentesque. Etiam consectetur ultricies magna at bibendum. Sed posuere
                    libero
                    ut nulla ornare, faucibus pellentesque odio pulvinar. Vestibulum feugiat ex
                    id
                    ex elementum egestas. Integer laoreet mollis risus, id efficitur neque.
                    Pellentesque quis dolor faucibus, ultrices tellus id, vestibulum neque. Sed
                    eros
                    purus, dignissim id fermentum ut, lacinia laoreet odio. Sed mi erat, aliquet
                    at
                    facilisis quis, laoreet in massa. Pellentesque eu massa accumsan, iaculis
                    erat
                    eu, tincidunt sem. Quisque id orci id dui congue pretium. Pellentesque
                    iaculis,
                    dolor aliquet tempor laoreet, enim metus tincidunt massa, ut porttitor sem
                    dui
                    sit amet arcu. Vestibulum sodales laoreet enim, sit amet vestibulum nisl
                    porttitor a.
                </p>
            </div>
        </li>
        <li>
            <a class="uk-accordion-title" href="#">Etiam suscipit at nisi eget auctor?</a>
            <div class="uk-accordion-content" hidden="" aria-hidden="true">
                <p>
                    Mauris id pellentesque metus. In quis arcu sed enim maximus pellentesque et
                    eget
                    velit. Etiam euismod enim vitae condimentum tristique.
                </p>
            </div>
        </li>
        <li>
            <a class="uk-accordion-title" href="#">
                Sed porta diam eget enim bibendum
                laoreet?
            </a>
            <div class="uk-accordion-content" hidden="" aria-hidden="true">
                <p>
                    Donec molestie sem et tellus vestibulum venenatis. Quisque iaculis ornare
                    luctus.
                    Orci varius natoque penatibus et magnis dis parturient montes, nascetur
                    ridiculus mus. Morbi velit nibh, ullamcorper eu imperdiet id, rutrum quis
                    mi.
                    Donec eu aliquet lorem. Nulla at lectus turpis. Sed et diam ac lorem iaculis
                    lacinia.
                </p>
            </div>
        </li>
    </ul>
</article>

<h3 class="mt-4 mt-lg-8"> Terms & Conditions </h3>
<article class="uk-card-default p-4 rounded">
    <ul class="uk-list-divider uk-list-large uk-accordion" uk-accordion>
        <li>
            <a class="uk-accordion-title" href="#">
                Lorem ipsum dolor sit amet, consectetur
                adipiscing elit?
            </a>
            <div class="uk-accordion-content">
                <p>
                    Vivamus imperdiet venenatis est. Phasellus vitae mauris imperdiet,
                    condimentum
                    eros vel, ullamcorper turpis. Maecenas sed libero quis orci egestas vehicula
                    fermentum id diam. In sodales quam quis mi mollis eleifend id sit amet
                    velit.
                    Sed ultricies condimentum magna, vel commodo dolor luctus in. Aliquam et
                    orci
                    nibh. Nunc purus metus, aliquam vitae venenatis sit amet, porta non est.
                    Proin
                    vehicula nisi eu molestie varius. Pellentesque semper ex diam, at tristique
                    ipsum varius sed. Pellentesque non metus ullamcorper, iaculis nibh quis,
                    facilisis lorem. Sed malesuada eu lacus sit amet feugiat. Aenean iaculis dui
                    sed
                    quam consectetur elementum.
                </p>
            </div>
        </li>
        <li>
            <a class="uk-accordion-title" href="#">
                Nullam massa sem, mollis ut luctus at,
                tincidunt
                a lorem?
            </a>
            <div class="uk-accordion-content" hidden="" aria-hidden="true">
                <p>
                    Aliquam sed dictum elit, quis consequat metus. Proin in mauris finibus urna
                    lacinia laoreet sed id orci. Pellentesque volutpat tellus sit amet enim
                    rutrum,
                    vel eleifend metus consectetur. Sed lacinia urna a neque maximus placerat.
                    Praesent blandit hendrerit dui non placerat. Sed malesuada sem sit amet arcu
                    faucibus, sit amet accumsan nisl laoreet. Quisque auctor sit amet nisl
                    rhoncus
                    interdum. Nullam euismod odio sem, quis pulvinar purus gravida eget. Nullam
                    molestie, lacus vel vehicula elementum, massa arcu bibendum lacus, vitae
                    tempus
                    justo orci id lectus. Duis justo neque, elementum eget ante in, condimentum
                    condimentum ante. Maecenas quis eleifend risus. In hac habitasse platea
                    dictumst. Nunc posuere ultrices dolor, at auctor lacus dignissim ut. Donec
                    viverra imperdiet nisi, sit amet mattis massa pellentesque ac.
                </p>
            </div>
        </li>
        <li>
            <a class="uk-accordion-title" href="#">
                Aliquam pretium diam et ullamcorper
                malesuada?
            </a>
            <div class="uk-accordion-content" hidden="" aria-hidden="true">
                <p>
                    Praesent feugiat lectus faucibus tellus congue pharetra. In viverra vehicula
                    pellentesque. Etiam consectetur ultricies magna at bibendum. Sed posuere
                    libero
                    ut nulla ornare, faucibus pellentesque odio pulvinar. Vestibulum feugiat ex
                    id
                    ex elementum egestas. Integer laoreet mollis risus, id efficitur neque.
                    Pellentesque quis dolor faucibus, ultrices tellus id, vestibulum neque. Sed
                    eros
                    purus, dignissim id fermentum ut, lacinia laoreet odio. Sed mi erat, aliquet
                    at
                    facilisis quis, laoreet in massa. Pellentesque eu massa accumsan, iaculis
                    erat
                    eu, tincidunt sem. Quisque id orci id dui congue pretium. Pellentesque
                    iaculis,
                    dolor aliquet tempor laoreet, enim metus tincidunt massa, ut porttitor sem
                    dui
                    sit amet arcu. Vestibulum sodales laoreet enim, sit amet vestibulum nisl
                    porttitor a.
                </p>
            </div>
        </li>
        <li>
            <a class="uk-accordion-title" href="#">Etiam suscipit at nisi eget auctor?</a>
            <div class="uk-accordion-content" hidden="" aria-hidden="true">
                <p>
                    Mauris id pellentesque metus. In quis arcu sed enim maximus pellentesque et
                    eget
                    velit. Etiam euismod enim vitae condimentum tristique.
                </p>
            </div>
        </li>
        <li>
            <a class="uk-accordion-title" href="#">
                Sed porta diam eget enim bibendum
                laoreet?
            </a>
            <div class="uk-accordion-content" hidden="" aria-hidden="true">
                <p>
                    Donec molestie sem et tellus vestibulum venenatis. Quisque iaculis ornare
                    luctus.
                    Orci varius natoque penatibus et magnis dis parturient montes, nascetur
                    ridiculus mus. Morbi velit nibh, ullamcorper eu imperdiet id, rutrum quis
                    mi.
                    Donec eu aliquet lorem. Nulla at lectus turpis. Sed et diam ac lorem iaculis
                    lacinia.
                </p>
            </div>
        </li>
    </ul>
</article>

<h3 class="mt-4 mt-lg-8">Code of Conduct</h3>
<article class="uk-card-default p-4 rounded">
    <ul class="uk-list-divider uk-list-large uk-accordion" uk-accordion>
        <li>
            <a class="uk-accordion-title" href="#">
                Lorem ipsum dolor sit amet, consectetur
                adipiscing elit?
            </a>
            <div class="uk-accordion-content">
                <p>
                    Vivamus imperdiet venenatis est. Phasellus vitae mauris imperdiet,
                    condimentum
                    eros vel, ullamcorper turpis. Maecenas sed libero quis orci egestas vehicula
                    fermentum id diam. In sodales quam quis mi mollis eleifend id sit amet
                    velit.
                    Sed ultricies condimentum magna, vel commodo dolor luctus in. Aliquam et
                    orci
                    nibh. Nunc purus metus, aliquam vitae venenatis sit amet, porta non est.
                    Proin
                    vehicula nisi eu molestie varius. Pellentesque semper ex diam, at tristique
                    ipsum varius sed. Pellentesque non metus ullamcorper, iaculis nibh quis,
                    facilisis lorem. Sed malesuada eu lacus sit amet feugiat. Aenean iaculis dui
                    sed
                    quam consectetur elementum.
                </p>
            </div>
        </li>
        <li>
            <a class="uk-accordion-title" href="#">
                Nullam massa sem, mollis ut luctus at,
                tincidunt
                a lorem?
            </a>
            <div class="uk-accordion-content" hidden="" aria-hidden="true">
                <p>
                    Aliquam sed dictum elit, quis consequat metus. Proin in mauris finibus urna
                    lacinia laoreet sed id orci. Pellentesque volutpat tellus sit amet enim
                    rutrum,
                    vel eleifend metus consectetur. Sed lacinia urna a neque maximus placerat.
                    Praesent blandit hendrerit dui non placerat. Sed malesuada sem sit amet arcu
                    faucibus, sit amet accumsan nisl laoreet. Quisque auctor sit amet nisl
                    rhoncus
                    interdum. Nullam euismod odio sem, quis pulvinar purus gravida eget. Nullam
                    molestie, lacus vel vehicula elementum, massa arcu bibendum lacus, vitae
                    tempus
                    justo orci id lectus. Duis justo neque, elementum eget ante in, condimentum
                    condimentum ante. Maecenas quis eleifend risus. In hac habitasse platea
                    dictumst. Nunc posuere ultrices dolor, at auctor lacus dignissim ut. Donec
                    viverra imperdiet nisi, sit amet mattis massa pellentesque ac.
                </p>
            </div>
        </li>
        <li>
            <a class="uk-accordion-title" href="#">
                Aliquam pretium diam et ullamcorper
                malesuada?
            </a>
            <div class="uk-accordion-content" hidden="" aria-hidden="true">
                <p>
                    Praesent feugiat lectus faucibus tellus congue pharetra. In viverra vehicula
                    pellentesque. Etiam consectetur ultricies magna at bibendum. Sed posuere
                    libero
                    ut nulla ornare, faucibus pellentesque odio pulvinar. Vestibulum feugiat ex
                    id
                    ex elementum egestas. Integer laoreet mollis risus, id efficitur neque.
                    Pellentesque quis dolor faucibus, ultrices tellus id, vestibulum neque. Sed
                    eros
                    purus, dignissim id fermentum ut, lacinia laoreet odio. Sed mi erat, aliquet
                    at
                    facilisis quis, laoreet in massa. Pellentesque eu massa accumsan, iaculis
                    erat
                    eu, tincidunt sem. Quisque id orci id dui congue pretium. Pellentesque
                    iaculis,
                    dolor aliquet tempor laoreet, enim metus tincidunt massa, ut porttitor sem
                    dui
                    sit amet arcu. Vestibulum sodales laoreet enim, sit amet vestibulum nisl
                    porttitor a.
                </p>
            </div>
        </li>
        <li>
            <a class="uk-accordion-title" href="#">Etiam suscipit at nisi eget auctor?</a>
            <div class="uk-accordion-content" hidden="" aria-hidden="true">
                <p>
                    Mauris id pellentesque metus. In quis arcu sed enim maximus pellentesque et
                    eget
                    velit. Etiam euismod enim vitae condimentum tristique.
                </p>
            </div>
        </li>
        <li>
            <a class="uk-accordion-title" href="#">
                Sed porta diam eget enim bibendum
                laoreet?
            </a>
            <div class="uk-accordion-content" hidden="" aria-hidden="true">
                <p>
                    Donec molestie sem et tellus vestibulum venenatis. Quisque iaculis ornare
                    luctus.
                    Orci varius natoque penatibus et magnis dis parturient montes, nascetur
                    ridiculus mus. Morbi velit nibh, ullamcorper eu imperdiet id, rutrum quis
                    mi.
                    Donec eu aliquet lorem. Nulla at lectus turpis. Sed et diam ac lorem iaculis
                    lacinia.
                </p>
            </div>
        </li>
    </ul>
</article>

</div>

</div>